{extend name="main_mobile"}
{block name="body"}
<div class="bg">
	{eq name=":request()->get('view')" value="system_nav"}
	<div class="bg-white mb-3 row mx-0 py-3">
		<div class="col-4">
			<div class="bg rounded small text-secondary text-center py-3"
			 @click="window.open('/admin/editMy')">管理员信息</div>
		</div>
		<div class="col-4">
			<div class="bg rounded small text-secondary text-center py-3"
			 @click="XYBase.updateAllCache();">全站缓存</div>
		</div>
		<div class="col-4">
			<div class="bg rounded small text-secondary text-center py-3"
			 @click="XYBase.outLogin();">退出登录</div>
		</div>
	</div>
	{/eq}
	<div v-for="v in auth_menu">
		<div v-if="navShow.includes(v.alias)">
			<div class="text-secondary p-1">{{v.title}}</div>
			<div class="bg-white" v-for="val in v.data">
				<div class="p-2 border-bottom">{{val.title}}</div>
				<div class="flex p-3 flex-wrap">
					<a v-for="auth in val.data" :href="auth.url=='/'?'/':'/'+auth.url"
					class="bg rounded m-1 small text-secondary px-3 py-2">{{auth.title}}</a>
				</div>
			</div>
		</div>
	</div>
</div>
{/block}
{block name="bar_nav"}
	{include file="bar_nav"/}
{/block}
{block name="script"}
<script type="text/javascript">
	{empty name="navShow"}
	var navShow=[];
	{else/}
	var navShow={:json_encode($navShow,JSON_UNESCAPED_UNICODE)};
	{/empty}
</script>
<script type="text/javascript">
	var vm=new Vue({
		el:'#app',
		data:{
			view:XYBase.view,
			navShow:navShow,
			auth_menu:auth_menu,
		},
		watch:{
		    view:XYBase.viewWatch,
		},
		created(){
			XYBase.created(this);
		},
	    methods: {
	    }
	});
</script>
{/block}